<!-- 个人中心 -->
<div class="personal">
    <div class="personal-bg">
        <div class="personal-img"><img src="{{model.avatar}}"
                                                     alt="用户头像"></div>
        <div class="user-name">
            <div class="hover-name">{{model.nickname}}</div>
            <div class="hover-border"></div>
        </div>
        <div class="zuan-img"><img src="{{root}}assets/images/z2.png" alt="钻石数量"></div>

        <div class="personal-zuans-two">
            <img style="width: 2.5rem;vertical-align: -0.3rem;position:absolute;left: 2.5rem;top: 0.5rem" alt="钻石"
                    src="{{root}}assets/images/zs2.png"><span
                    class="user-prise-two"><span
                    style="font-size: 1.3rem;">x</span> &nbsp;{{model.credit}}</span>
        </div>
    </div>

    <!-- 菜单 -->
    <div class="personal-award" style="margin-top: 0">
        <div style="margin-top: 2.4rem">{{#link-to "recharge"}}
            <img src="{{root}}assets/images/personal/czan.png" alt="充值">{{/link-to}}</div>
        <div>{{#link-to "rankingall"}}<img src="{{root}}assets/images/personal/lsph.png" alt="历史排行">{{/link-to}}</div>
        <div style="position: relative">{{#link-to "inform"}}
            <img src="{{root}}assets/images/personal/xxan.png" alt="我的消息">{{/link-to}}
          {{#if model.hasNewNotification}}
              <div id="personal-new"><img src="{{root}}assets/images/personal/new.png" alt="推送"></div>
          {{/if}}
        </div>
        <div>{{#link-to "recordss"}}<img src="{{root}}assets/images/personal/czxfan.png" alt="消费记录">{{/link-to}}</div>
        <div style="margin-bottom: 2.4rem">{{#link-to "mysite"}}
            <img src="{{root}}assets/images/personal/shdzan.png" alt="收货地址">{{/link-to}}</div>
    </div>
</div>
